body, .mui-content{
    background: #f4f4f4;
}
ul{
    padding: 0;
    margin: 0;
}
ul li{
    list-style: none;
}
.coupon_sort{
    width: 100%;
    height: 49px;
    line-height: 49px;
    background: #fff;
}
.coupon_sort ul li{
    float: left;
    width: 50%;
    text-align: center;
    color: #a8a8a8;
    font-size: 16px;
}
.coupon_sort ul .sort_act{
    color: #51e6d2;
    border-bottom: 1.5px solid #51e6d2;
}
.use_state{
    width: 68%;
    height: 53px;
    margin: 0 auto;
    padding: 11px 0;
}
.use_state ul li{
    float: left;
    width: 28%;
    height: 27px;
    line-height: 25px;
    margin-right: 5%;
    font-size: 12px;
    color: #ababab;
    background: #fff;
    border:1px solid #eaeaea;
    border-radius: 20px;
    text-align: center;
}
.use_state ul li:last-child{
    margin-right: 0;
}
.use_state ul .use_act{
    background: #52e5d3;
    color: #fff;
    border:1px solid #52e5d3;
}
.coupon_box{
    width: 90%;
    height: auto;
    margin: 0 auto;
}
.coupon{
    width: 100%;
    height: 113px;
    margin-bottom: 11px;
    position: relative;
}
.coupon .overdue{
    position: absolute;
    right: 0;
    top:2.5px;
    width: 65px;
    height: 74px;
}
.coupon .overdue img{
    width: 65px;
    height: 74px;
}
.coupon .coupon_left{
    float: left;
    width: 34%;
    height: 113px;
    background: url("../img/coupon_bg.jpg") no-repeat 0 0;
    background-size: cover;
    position: relative;
    color: #fff;
}
.coupon .coupon_left .full_money{
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 16%;
    font-size: 12px;
}
.coupon .coupon_left .decrease_money{
    position: absolute;
    left: 31%;
    font-size: 38px;
    top: 30%;
    font-weight: 700;
}
.coupon .coupon_right{
    float: right;
    width: 66%;
    height: 113px;
    background: #fff;
    border:0.5px solid #ebebeb;
    position: relative;
    padding-left: 10px;
}
.coupon .coupon_right .coupon_name{
    color: #676767;
    margin-top: 16px;
    font-size: 15px;
}
.coupon .coupon_right .coupon_time{
    color: #acacac;
    position: absolute;
    bottom: 20%;
    font-size: 10px;
}
.coupon .coupon_right .coupon_img{
    width: 68px;
    height: 68px;
    position: absolute;
    right: 7%;
    bottom: 10%;
}
.coupon .coupon_right .coupon_img img{
    width: 68px;
    height: 68px;
}